<html>
    <head>
        <title>cover-view  覆盖在原生组件上的文本视图</title>
    </head>
    <body>
        <script>
            // 官方文档： https://uniapp.dcloud.net.cn/component/cover-view.html

            /*
                一、概述

                        覆盖在原生组件上的文本视图。

                        app-vue和小程序框架，渲染引擎是webview的。但为了优化体验，部分组件如map、video、textarea、canvas通过原生控件实现，

                        原生组件层级高于前端组件（类似flash层级高于div）。为了能正常覆盖原生组件，设计了 cover-view.

            */

            /*
                二、平台兼容性

                        App	H5	微信小程序	支付宝小程序	百度小程序	抖音小程序、飞书小程序	QQ小程序	快应用	360小程序	快手小程序	京东小程序	元服务	小红书小程序
                        √	√	√	        √	            √	             x	             √       	√	        x	    √	        √	        x	    x


                三、支持的事件 ：click


                四、属性列表

                                属性名	        类型	    	   说明	                                                                     平台差异说明

                            1、scroll-top	number/string		设置顶部滚动偏移量，仅在设置了 overflow-y: scroll 成为滚动元素后生效	        支付宝小程序不支持


                五、注意点：

                        ①、app-nvue所有组件均为原生渲染，不存在前端组件无法覆盖原生组件的问题。但为了保持多端兼容，nvue里也实现了cover-view，作用与普通view一样。

                        ②、在App端，如果重度使用video和map，推荐使用nvue页面。

                        ③、cover-view 嵌套使用时，内部不可直接写文本节点，需要使用 cover-view 包裹。

                        ④、App端还可以使用plus.nativeObj.view绘制原生内容，参考:uni-app中使用5+界面控件、plus.nativeObj.view规范

                        ⑤、App端还提供了更灵活和强大的subNvue，参考原生子窗体subNvue

                        ⑥、在 video 组件中使用时，若想在全屏模式下使用cover-view，只有在微信小程序、App端的nvue页面可实现。

                        ⑦、微信小程序 在指定的基础库版本上，原生组件均已支持同层渲染，建议使用 view 替代 详见

                        ⑧、百度小程序iOS端暂不支持一个页面有多个video时嵌套cover-view，详见。

                        ⑨、支付宝小程序中 cover-view 不支持嵌套，详见

                        ⑩、抖音小程序不需要cover-view，因其原生组件均实现了同层渲染。

                        ⑪、360小程序不存在原生组件，无此概念。

                        ⑫、cover-view使用注意：京东小程序详见、快手小程序详见、QQ小程序
                            
                        ⑬、App-Harmony 端由前端实现，层级会低于 map/web-view 原生组件。
            */
        </script>
    </body>
</html>